﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>GoogleMaps plugin</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>

<body>
<h1>Insertion of Google Maps in FCKeditor</h1>
<div id="languages"> Change your language
  <ul>
      <li><a href="users_es.html" lang="es"><img src="es.png" alt="Español" width="23" height="15" border="0"></a></li>
  </ul>
</div>
<h2>Introduction</h2>
<p>This dialog allows to handle the insertion and modification of <a href="http://maps.google.com">Google
  Maps</a> in <a href="http://www.fckeditor.net">FCKeditor</a></p>
<h2>Usage</h2>
<p>Press the <img src="../images/mapIcon.gif" alt="Insert GoogleMap" width="16" height="16"> button
  in the FCKeditor toolbar, and a new dialog will open allowing to configure
  the parameters of the map that you want to show.</p>
<p><img src="user_dialog1.png" width="427" height="404" border="0" usemap="#MapMap">
  <map name="MapMap">
    <area shape="rect" coords="10,62,157,86" href="#MapDimensions" alt="Map dimensions controls">
    <area shape="rect" coords="158,62,275,86" href="#Zoom" alt="Zoom dropdown">
    <area shape="rect" coords="10,87,264,112" href="#MapPosition" alt="Map center controls">
    <area shape="rect" coords="197,202,229,248" href="#MarkerPosition" alt="Marker">
    <area shape="rect" coords="22,184,52,225" href="#Zoom" alt="Zoom widget">
    <area shape="rect" coords="17,126,57,184" href="#MapPosition" alt="Map position widget">
  </map>
</p>
<p><img src="user_dialog2.png" width="426" height="93" border="0" usemap="#MapMap2">
  <map name="MapMap2">
    <area shape="rect" coords="5,31,374,73" href="#Search" alt="Search controls">
  </map>
</p>
<p><img src="user_dialog3.png" width="425" height="93" border="0" usemap="#Map">
  <map name="Map">
    <area shape="rect" coords="8,35,32,56" href="#AddMarker" alt="Marker controls">
  </map>
</p>
<p><img src="user_dialog4.png" width="425" height="85" border="0" usemap="#Map2">
<map name="Map2">
<area shape="rect" coords="138,5,171,24" href="#Line">
<area shape="rect" coords="8,30,416,68" href="#Line">
</map></p>
<h3 id="MapDimensions">Map dimensions</h3>
<p>With these inputs you can control the dimensions of the map as they will appear
  in your final page. You can also drag and resize the placeholder image that
  appears while you are in the editor.</p>
<h3 id="Zoom">Map zoom</h3>
<p>You can control this way the level of zoom of the map. You can use either
  the top dropdown or the embeded + and - controls in the map.</p>
<h3 id="MapPosition">Map center</h3>
<p>These inputs set the center of the map. You can also use the arrow buttons
  embeded in the map or even drag and drop the map itself.</p>
<h3 id="Search">Location search</h3>
<p>Input here the location that you want to search and if it is properly found
  then the map will re-center automatically and add a marker to
  that point. To be able to find what you want separate each item with a comma:
  &quot;street, city, country&quot;      </p>
<h3 id="AddMarker">Add Marker</h3>
<p>By pressing this button you can add a marker at any place in the map. It's
  properties window will open and you can change the text or delete the marker.
  You can the placement of any marker dragging it around.</p>
<p><img src="marker.png" alt="edit marker" width="403" height="243" border="0" usemap="#Map3">
  <map name="Map3">
    <area shape="rect" coords="69,61,318,106" href="#MarkerText">
  </map>
</p>
<h3 id="MarkerText">Marker text</h3>
<p>This is the text that will appear if the visitor clicks on the marker (you
  can test it in the Map tab). </p>
<h3 id="Line">Line</h3>
<p>With this tab you can drag a polyline accross the map, and adjust each of
  its points dragging the markers that appear while you are here. </p>
<h2>Additional Info</h2>
<p>When you go close the dialog, a placeholder item will be added to your content
  representing the current map. It will have the proper dimensions and a black
  border around it, and it will feature a Google Maps logo at the center.</p>
<p>You can click to select it and drag one of the corners to resize it, but remember
  that the center of the map and the position of the marker won't change, so
  you might need to check again in the editing dialog that everything is fine </p>
<p> <img src="preview.png" alt="preview in the editor" width="308" height="203"></p>
<p>You can add to your page as many maps as you want, the system is prepared
  to work with various maps at the same time.</p>
<p>To edit an existing map you can select it and then click again the toolbar
  button, or use the entry in the context menu, or even just double click it.
  Whatever you want.</p>
<p>Existe un problema por el cual si intentas hacer una previsualización en FCKeditor
  de una página que contiene un mapa, la previsualización no se mostrará</p>
<h2>Final notes</h2>
<p>If you find this plugin useful, consider making a donation so it can be further
improved, any amount can help to keep the development running.</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
">
</form>
<p>If you need some special feature for this plugin, or if you need any other kind of plugin 
for FCKeditor then contact me and we can discuss it: amla70 at gmail dot com</p>
<h2>Disclaimers</h2>
<p>FCKeditor is  &copy; FredCK.com</p>
<p>Google, Google Maps and the Google Maps API are all properties of Google.</p>
</body>
</html>
